<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset='utf-8' />
    <title>妙可蓝多央视少儿作品征集</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="Cache-Control" content="no-cache" />
    <meta http-equiv="Cache-Control" content="max-age=0" />
    <meta name="HandheldFriendly" content="true" />
    <meta name="viewport" content="width=320.1, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />

    <link href="css/swiper-bundle.min.css" rel="stylesheet" type="text/css" />
    <link href="css/common.css" rel="stylesheet" type="text/css" />
</head>
<body>

    <div class="pop-bg">
        <div class="pop-box" id="signIn">
            <img class="pop-signin-title" src="images/pop_signin_title.png" width="100%" alt="" />
            <img class="sign-in-img" src="images/sign_in_img.png" alt="" />
            <div class="pop-btns-box flex">
                <div class="pop-offline-btn"></div>
                <div class="pop-online-btn"></div>
            </div>
        </div>
    </div>

    <div class="page">
        <div class="server-box flex">
            <img src="images/server_icon.png" alt="" />
            <p>客服</p>
        </div>
        <div class="banner-box">
            <img src="images/banner.jpg" width="100%" alt="" />
        </div>
        <div class="index-nav-box flex">
            <div class="address-nav-box-item onthis"></div>
            <div class="address-nav-box-item"></div>
        </div>
        <div class="box" id="xuzhou">
            <div class="address-box-title">线下门店(徐州)</div>
            <div class="address-content-box">
                <h1><span>1.</span>门店名称</h1>
                <p>地址：这里是地址的文字这里是地址的文字这里是地址的文字这里是地址的文字</p>
                <h1><span>2.</span>门店名称</h1>
                <p>地址：这里是地址的文字这里是地址的文字这里是地址的文字这里是地址的文字</p>
                <h1><span>3.</span>门店名称</h1>
                <p>地址：这里是地址的文字这里是地址的文字这里是地址的文字这里是地址的文字</p>
                <h1><span>4.</span>门店名称</h1>
                <p>地址：这里是地址的文字这里是地址的文字这里是地址的文字这里是地址的文字</p>
                <h1><span>5.</span>门店名称</h1>
                <p>地址：这里是地址的文字这里是地址的文字这里是地址的文字这里是地址的文字</p>
            </div>
        </div>
        <div class="box" id="zhengzhou" style="display: none;">
            <div class="address-box-title">线下门店(郑州)</div>
            <div class="address-content-box">
                <h1><span>1.</span>门店名称</h1>
                <p>地址：这里是地址的文字这里是地址的文字这里是地址的文字这里是地址的文字</p>
                <h1><span>2.</span>门店名称</h1>
                <p>地址：这里是地址的文字这里是地址的文字这里是地址的文字这里是地址的文字</p>
                <h1><span>3.</span>门店名称</h1>
                <p>地址：这里是地址的文字这里是地址的文字这里是地址的文字这里是地址的文字</p>
                <h1><span>4.</span>门店名称</h1>
                <p>地址：这里是地址的文字这里是地址的文字这里是地址的文字这里是地址的文字</p>
                <h1><span>5.</span>门店名称</h1>
                <p>地址：这里是地址的文字这里是地址的文字这里是地址的文字这里是地址的文字</p>
            </div>
        </div>
        <div class="sign-in-btn"><img src="images/sign_in_btn.png" width="100%" alt="" /></div>
        <div class="three-btns-box flex">
            <a href="#"><img src="images/intro_btn_img.png" width="100%" alt=""></a>
            <a href="#"><img src="images/vote_btn_img.png" width="100%" alt=""></a>
            <a href="#"><img src="images/rank_btn_img.png" width="100%" alt=""></a>
        </div>
    </div>

    <script type="text/javascript" src="js/jquery-2.1.0.js"></script>
    <script type="text/javascript" src="js/swiper-bundle.min.js"></script>
    <script type="text/javascript">
        $(function (e) {
            $('.address-nav-box-item').click(function (e) {
                $('.address-nav-box-item').removeClass('onthis');
                $(this).addClass('onthis');
                if ($(this).index() == 0) {
                    $('#xuzhou').show();
                    $('#zhengzhou').hide();
                }else {
                    $('#xuzhou').hide();
                    $('#zhengzhou').show();
                }
            })

            $('.pop-offline-btn').click(function (e) {
                window.location.href = 'address.html';
            })

            $('.pop-online-btn').click(function (e) {

            })

            $('.sign-in-btn').click(function (e) {
                $('.pop-bg').addClass('show');
                $('#signIn').show();
            })
        })
    </script>

</body>
</html>